<script>
    $(function () {
        $(".datepickerHK").datepicker({
            defaultDate: +0,
            showOtherMonths: true,
            autoSize: true,
            dateFormat: 'yy-mm-dd',
            minDate: '-4M',
            maxDate: '+0D'
        });

    });
    $(document).ready(function () {
        $('#tipoASPI').change(function () {
            //console.log("tipoASPI changed");
            var tipoASPI = $('#tipoASPI').val();
            //console.log("tipoASPI = "+tipoASPI);
            $('#aforo,#comensales').show("slow");
            if (tipoASPI != 1) {
                $('#comensales-label').text('').fadeToggle(500);
                $('#aforo-label').text('').fadeToggle(500);
                $('#comensales-label').text("Comensales:").fadeIn(500);
                $('#aforo-label').text("Aforo:").fadeIn(500);
            } else {
                $('#comensales-label').text('').fadeToggle(500);
                $('#aforo-label').text('').fadeToggle(500);
                $('#comensales-label').text("Comensales/Pedidos:").fadeIn(500);
                $('#aforo-label').text("Aforo/Pedidos max").fadeIn(500);
            }
        });
    });

</script>
<!-- Content -->
<div id="content">

    <!-- Content wrapper -->
    <div class="wrapper">

        <!-- Breadcrumbs line -->
        <div class="crumbs">
            <ul id="breadcrumbs" class="breadcrumb"> 
                <li><a href="<?= base_url() ?>cpanel">CPANEL</a></li>
                <li class="active"><a href="<?= base_url() ?>" title="">Inicio</a></li>
            </ul>

        </div>
        <!-- /breadcrumbs line -->

        <!-- Page header -->
        <div class="page-header">
            <div class="page-title">
                <h5>APLICAR AUDITORÍA</h5>
            </div>

        </div>
        <!-- /page header -->

        <div class="row-fluid">
            <!-- Form grid -->
            <div class="span8">
                <h5 class="widget-name"><i class="icon-th"></i>Comenzar Auditoría</h5>

                <?= form_open('evaluacion/comenzar', 'class="form-horizontal"') ?>
                <fieldset>
                    <div class="widget">
                        <div class="navbar">
                            <div class="navbar-inner"><h6>Datos para comenzar la evaluación</h6></div>
                        </div>
                        <div class="row-fluid well">
                            <div class="control-group">
                                <label class="control-label">Seleccione el tipo de Auditoría:</label>
                                <div class="controls">
                                    <select data-placeholder="Tipo ASPI" class="select" tabindex="2" name="tipo_aspi" required id="tipoASPI">
                                        <option value=""></option> 
                                        <?php foreach ($lista_tipos_aspi as $tipo) { ?>
                                            <option value="<?= $tipo->ta_tipo_aspi_id ?>"><?= strtoupper($tipo->ta_tipo) ?></option> 
                                        <?php } ?>
                                    </select>
                                </div>             
                            </div>
                            <div class="control-group">
                                <label class="control-label">Seleccione Sucursal:</label>
                                <div class="controls">
                                    <select data-placeholder="Seleccione Sucursal" class="select" tabindex="2" name="s_sucursal_id" required>
                                        <option value=""></option> 
                                        <?php foreach ($lista_sucursales as $sucursal) { ?>
                                            <option value="<?= $sucursal->s_sucursal_id ?>"><?= $sucursal->s_nombre ?></option> 
                                        <?php } ?>
                                    </select>
                                </div>             
                            </div>
                            <div class="control-group">
                                <label class="control-label">Fecha de la auditoría:</label>
                                <div class="controls">
                                    <span class="span6"><input class="datepickerHK span6" type="text" name="c_fecha_usuario"  /></span>
                                </div>
                            </div>
                            <div id="comensales" class="control-group" hidden>
                                <label id="comensales-label" class="control-label"></label>
                                <div class="controls">
                                    <span class="span6"><input class="span6" type="number" name="c_comensales" max="333" min="0" value="0" /></span>
                                </div>
                            </div>
                            <div id="aforo" class="control-group" hidden>
                                <label id="aforo-label" class="control-label"></label>
                                <div class="controls">
                                    <span class="span6"><input class="span6" type="number" name="c_aforo" max="333" min="0" value="0" /></span>
                                </div> 
                            </div>

                            <input type="hidden" name="c_hora_inicio" readonly value="<?= date('h:i:s') ?>">
                            <input type="hidden" name="c_fecha" readonly value="<?= mdate('%Y-%m-%d') ?>">

                            <div class="form-actions">
                                <button type="submit" class="btn btn-primary">Comenzar</button>
                            </div>
                        </div>
                    </div>
                </fieldset>
                <?= form_close() ?>
                <!-- /form grid -->
            </div>
        </div>
    </div>
    <!-- /content wrapper -->

</div>
<!-- /content -->
